<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8">
		<title>毕业设计选题系统-基本资料</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="./layui/css/layui.css" media="all">
		<style type="text/css">
			body {
				background-color: #F7F7F7;
			}

			.layui-input-inline dl dd.layui-this {
				background-color: #4595ff
			}

			.layui-input-inline dl dd:hover {
				background-color: #4595ff
			}

			.layui-form-radio>i:hover,
			.layui-form-radioed>i {
				color: #4595ff;
			}
		</style>
	</head>
	<body class="layui-layout-body ">

		<div class="layui-layout layui-layout-admin ">
			<div class="layui-header layui-bg-blue ">
				<div class="layui-logo"><img src="./image/xiaohui2.jpg" style="width: auto;height: auto;"></div>
				<!-- 头部区域（可配合layui已有的水平导航） -->
				<ul class="layui-nav layui-layout-left">
					<li class="layui-nav-item "><a href="index.html">库存管理</a></li>
					<li class="layui-nav-item layui-this"><a href="manage.html">入库管理</a></li>
					<li class="layui-nav-item"><a href="chuku.html">出库管理</a></li>
					<li class="layui-nav-item">
						<a href="javascript:;">货物信息查询</a>
						<dl class="layui-nav-child">
							<dd><a href="">货物类型</a></dd>
							<dd><a href="">报表统计</a></dd>
							<dd><a href="">订单信息</a></dd>
						</dl>
					</li>
				</ul>
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<a href="javascript:;">你好，<span th:text="${username}" />
						</a>
						<dl class="layui-nav-child">
							<dd><a href="/web/information">基本资料</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item"><a href="/web/login">退出</a></li>
				</ul>
			</div>

			<div class="layui-side layui-bg-blue ">
				<div class="layui-side-scroll">
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree layui-bg-blue " lay-filter="test">
						<li class="layui-nav-item"><a href="">待开发</a></li>
						<li class="layui-nav-item"><a href="">待开发</a></li>
						<li class="layui-nav-item"><a href="">待开发</a></li>
						<li class="layui-nav-item"><a href="">待开发</a></li>
					</ul>
				</div>
			</div>

			<div class="layui-body">
				<!-- 内容主体区域 -->
				<div style="padding: 15px;">


					<table class="layui-hide" id="test" lay-filter="test"></table>

					<script type="text/html" id="toolbarDemo">
						<div class="layui-btn-container">
							<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="getCheckData">获取选中行数据</button>
							<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="getCheckLength">获取选中数目</button>
							<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="isAll">验证是否全选</button>
						</div>
					</script>
					<script type="text/html" id="barDemo">
						<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">编辑</a>
						<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
					</script>


					<script src="./layui/layui.js" charset="utf-8"></script>
					<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->

					<!--            <script>-->
					<!--                layui.use('table', function(){-->
					<!--                    var table = layui.table;-->

					<!--                    //温馨提示：默认由前端自动合计当前行数据。从 layui 2.5.6 开始： 若接口直接返回了合计行数据，则优先读取接口合计行数据。-->
					<!--                    //详见：https://www.layui.com/doc/modules/table.html#totalRow-->
					<!--                    table.render({-->
					<!--                        elem: '#test'-->
					<!--                        ,url:'/layui/image/tttt.json'-->
					<!--                        ,toolbar: '#toolbarDemo'-->
					<!--                        ,title: '用户数据表'-->
					<!--                        ,totalRow: true-->
					<!--                        ,cols: [[-->
					<!--                            {type: 'checkbox', fixed: 'left'}-->
					<!--                            ,{field:'id', title:'题号', width:80, fixed: 'left', unresize: true, sort: true, }-->
					<!--                            ,{field:'name', title:'题目', width:300, edit: 'text'}-->
					<!--                            ,{field:'major', title:'所属学院及专业', width:150, edit: 'text'}-->
					<!--                            ,{field:'people', title:'命题人', width:80, sort: true, edit: 'text'}-->
					<!--                            ,{field:'number', title:'选题人数', width:100, sort: true,}-->
					<!--                            ,{field:'sign', title:'题目简介'}-->
					<!--                            ,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}-->
					<!--                        ]]-->
					<!--                        ,page: true-->
					<!--                    });-->

					<!--                    //工具栏事件-->
					<!--                    table.on('toolbar(test)', function(obj){-->
					<!--                        var checkStatus = table.checkStatus(obj.config.id);-->
					<!--                        switch(obj.event){-->
					<!--                            case 'getCheckData':-->
					<!--                                var data = checkStatus.data;-->
					<!--                                layer.alert(JSON.stringify(data));-->
					<!--                                break;-->
					<!--                            case 'getCheckLength':-->
					<!--                                var data = checkStatus.data;-->
					<!--                                layer.msg('选中了：'+ data.length + ' 个');-->
					<!--                                break;-->
					<!--                            case 'isAll':-->
					<!--                                layer.msg(checkStatus.isAll ? '全选': '未全选')-->
					<!--                                break;-->
					<!--                        };-->
					<!--                    });-->
					<!--                    //监听工具条-->
					<!--                    table.on('tool(test)', function(obj){-->
					<!--                        var data = obj.data;-->
					<!--                        if(obj.event === 'del'){-->
					<!--                            layer.confirm('真的删除行么', function(index){-->
					<!--                                obj.del();-->
					<!--                                layer.close(index);-->
					<!--                            });-->
					<!--                        } else if(obj.event === 'edit'){-->
					<!--                            layer.alert('编辑行：<br>'+ JSON.stringify(data))-->
					<!--                        }-->
					<!--                    });-->
					<!--                });-->
					<!--            </script>-->




				</div>
			</div>

			<div class="layui-footer">
				<!-- 底部固定区域 -->
				© layui.com - 底部固定区域
			</div>
		</div>
		<script src="./layui/layui.js"></script>
		<script>
			//JavaScript代码区域
			layui.use('element', function() {

				var element = layui.element;

			});
		</script>

	</body>
</html>
